<!--  -->
<template>
  <div class="">
    <el-dialog :title="title" :close-on-click-modal="false" :visible.sync="visible" @open="handleOpen" @close="handleClose">
      <el-form ref="org" :model="org" label-position="top" :rules="rules">
        <!-- <el-form-item label="品牌编号">
          <el-input v-model="org.orgId" autocomplete="off" readonly="" />
        </el-form-item> -->

        <el-form-item prop="orgName" label="品牌名称">
          <el-input v-model="org.orgName" autocomplete="off" maxlength="50" show-word-limit />
        </el-form-item>
        <el-form-item prop="orgType" label="行业分类">
          <!-- <el-input v-model="org.orgType" autocomplete="off" /> -->
          <el-select v-model="org.orgType" placeholder="请选择">
            <el-option
              v-for="otype in orgT"
              :key="otype.id"
              :value="otype.id"
              :label="otype.typeName"
            />
          </el-select>
        </el-form-item>
        <el-form-item label="品牌图片">

          <el-upload
            class="avatar-uploader"
            name="files"
            :action="url"
            :show-file-list="false"
            :on-success="handleAvatarSuccess"
            :before-upload="beforeAvatarUpload"
          >
            <img v-if="imageUrl" :src="imageUrl" class="avatar">
            <i v-else class="el-icon-plus avatar-uploader-icon" />
            <div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过2MB,建议上传360*200的图片</div>
          </el-upload>
          <!-- <img v-if="type==2" :src="org.orgImg" width="200px" height="120px"> -->
        </el-form-item>
        <el-form-item label="品牌简介">
          <editor :cur-value="org.orgInfo" @input="newContent" />
        </el-form-item>
        <el-form-item prop="head" label="负责人">
          <!-- <el-input v-model="org.head" autocomplete="off" /> -->
          <el-select v-model="org.head" placeholder="请选择">
            <el-option
              v-for="ohead in head"
              :key="ohead.id"
              :value="ohead.id"
              :label="ohead.name"
            />
          </el-select>
        </el-form-item>
        <el-form-item prop="contactTel" label="联系电话(座机)">
          <el-input v-model="org.contactTel" autocomplete="off" maxlength="13" />
        </el-form-item>
        <el-form-item prop="depositBank" label="银行">
          <!-- <el-input v-model="org.depositBank" autocomplete="off" /> -->
          <el-autocomplete
            v-model="org.depositBank"
            class="inline-input"
            :fetch-suggestions="querySearch"
            :popper-append-to-body="false"
            popper-class="select-option"
            placeholder="请输入内容"
            @select="handleSelect"
          />
        </el-form-item>
        <el-form-item prop="account" label="银行账号">
          <el-input v-model="org.account" autocomplete="off" onkeyup="this.value=this.value.replace(/[^\d.]/g,'');" maxlength="30" />
        </el-form-item>
        <el-form-item prop="contacts" label="联系人">
          <el-input v-model="org.contacts" autocomplete="off" maxlength="20" />
        </el-form-item>
        <el-form-item prop="contactNumber" label="联系人电话">
          <el-input v-model="org.contactNumber" autocomplete="off" maxlength="11" onkeyup="this.value=this.value.replace(/[^\d.]/g,'');" />
        </el-form-item>
        <el-form-item label="地区">
          <!-- <el-input v-model="org.orgAddress" autocomplete="off" /> -->
          <el-cascader
            v-model="selectedOptions"
            size="large"
            :options="options"
            @change="handleChange"
          />
        </el-form-item>

        <el-form-item label="营业时间">
          <el-tooltip class="item" effect="dark" content="例：8:00~20:00" placement="bottom-start">
            <el-input v-model="org.orgTime" autocomplete="off" placeholder="例：8:00~20:00" maxlength="20" />
          </el-tooltip>

        </el-form-item>
        <el-form-item prop="orgEmail" label="品牌邮箱">
          <el-input v-model="org.orgEmail" autocomplete="off" maxlength="32" />
        </el-form-item>
        <!-- <el-form-item prop="shareRatio" label="分账比例">
          <el-input v-model="org.shareRatio" autocomplete="off" maxlength="10" />
        </el-form-item> -->
        <el-form-item label="推荐人">
          <!-- <el-input v-model="org.referenceId" autocomplete="off" /> -->
          <el-select v-model="org.referenceId" placeholder="请选择">
            <el-option
              v-for="oreference in reference"
              :key="oreference.id"
              :value="oreference.id"
              :label="oreference.name"
            />
          </el-select>
        </el-form-item>
        <!-- <el-form-item label="推荐人分成">
          <el-input v-model="org.referenceRatio" autocomplete="off" maxlength="10" />
        </el-form-item> -->

      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button v-if="type==2" type="primary" @click="handleUpdate('org')">修 改</el-button>
        <el-button v-if="type==1" type="primary" @click="handleAdd('org')">添 加</el-button>
        <el-button @click="handleClose">返 回</el-button>
      </div>
    </el-dialog>
  </div>
</template>

<script>
// 这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）
// 例如：import 《组件名称》 from '《组件路径》';
import { getOrgById, addOrg, updateOrg } from '@/api/org'
import { getAllType } from '@/api/classType'
import { getUserByGroup, getUserById } from '@/api/consoleUser'
import { regionData, CodeToText, TextToCode } from 'element-china-area-data'
import Tinymce from '@/components/tinymce/index'
export default {
  name: 'OrgDetail',
  // import引入的组件需要注入到对象中才能使用
  components: {
    'editor': Tinymce
  },
  props: {
    id: {
      default: 0,
      type: Number
    },
    visible: {
      default: false,
      type: Boolean
    },
    // 添加 1  更新 2
    type: {
      default: 0,
      type: Number
    },
    title: {
      default: '',
      type: String
    }
  },
  data() {
    var checkphone = (rule, value, callback) => {
    // let phoneReg = /(^1[3|4|5|6|7|8|9]\d{9}$)|(^09\d{8}$)/;
      if (value === '') {
        callback(new Error('手机号不能为空'))
      } else if (!this.isCellPhone(value)) { // 引入methods中封装的检查手机格式的方法
        callback(new Error('请输入正确的手机号!'))
      } else {
        callback()
      }
    }
    // var checkcard = (rule, value, callback) => {
    //   if (value === '') {
    //     callback(new Error('请输入银行卡号'))
    //   } else if (!this.isCard(value)) { // 引入methods中封装的检查手机格式的方法
    //     callback(new Error('请输入正确的银行卡号!'))
    //   } else {
    //     callback()
    //   }
    // }
    var checkChinese = (rule, value, callback) => {
      if (value === '') {
        callback(new Error('银行不能为空'))
      } else if (!this.isChinese(value)) { // 引入methods中封装的检查手机格式的方法
        callback(new Error('请输入中文'))
      } else {
        callback()
      }
    }
    return {
      org: {},
      url: process.env.VUE_APP_BASE_API + 'file/',
      orgT: {},
      imageUrl: '',
      options: regionData,
      selectedOptions: [],
      areaList: {},
      area: '',
      banks: [],
      head: {},
      reference: {},
      rules: {
        orgName: [{ required: true, message: '品牌名称不能为空', trigger: 'blur' }, { validator: this.validateCharacter, trigger: ['blur', 'change'] }],
        orgType: [{ required: true, message: '行业分类不能为空', trigger: 'blur' }],
        head: [{ required: true, message: '负责人不能为空', trigger: 'blur' }],
        contactTel: [{ required: true, validator: this.checkRtelePhone, trigger: 'blur' }],
        depositBank: [{ required: true, message: '银行不能为空', trigger: 'change' }, { validator: checkChinese, trigger: ['blur', 'change'] }],
        account: [{ required: true, message: '银行账户不能为空', trigger: 'blur' }],
        contacts: [{ required: true, message: '联系人不能为空', trigger: 'blur' }],
        contactNumber: [{ required: true, validator: checkphone, trigger: 'blur' }],
        orgEmail: [{ required: true, validator: this.checkEmail, trigger: 'blur' }]
        // shareRatio: [{ required: true, message: '分账比例不能为空', trigger: 'blur' }]
      }
    }
  },
  // 监听属性 类似于data概念
  computed: {},
  // 监控data中的数据变化
  watch: {},
  // 生命周期 - 创建完成（可以访问当前this实例）
  created() {
    this.getOrgType()
    this.getAllHead()
    this.getAllReference()
  },
  // 生命周期 - 挂载完成（可以访问DOM元素）
  mounted() {
    this.banks = this.loadAll()
  },
  beforeCreate() {}, // 生命周期 - 创建之前
  beforeMount() {}, // 生命周期 - 挂载之前
  beforeUpdate() {}, // 生命周期 - 更新之前
  updated() {}, // 生命周期 - 更新之后
  beforeDestroy() {}, // 生命周期 - 销毁之前
  destroyed() {}, // 生命周期 - 销毁完成
  activated() {},
  // 方法集合
  methods: {
    handleAvatarSuccess(res, file) {
      this.imageUrl = res.obj.split(';')[0]
      this.org.orgImg = this.imageUrl
    },
    beforeAvatarUpload(file) {
      // const isJPG = file.type === 'image/jpeg'
      const isImage = file.type === 'image/png' || file.type === 'image/jpg' || file.type === 'image/jpeg'
      const isLt2M = file.size / 1024 / 1024 < 2

      if (!isImage) {
        this.$message.error('上传图片只能是 JPG或PNG 格式!')
      }
      if (!isLt2M) {
        this.$message.error('上传图片大小不能超过 2MB!')
      }
      return isImage && isLt2M
      // return true
    },

    handleOpen() {
      this.getAllHead()
      if (this.type === 2 || this.type === 3) {
        console.log('aaaa')
        getOrgById(this.id).then((resp) => {
          this.org = resp.obj
          this.imageUrl = resp.obj.orgImg
          // this.org.head = String(this.org.head)
          // this.org.referenceId = String(this.org.referenceId)
          this.area = this.org.orgAddress
          this.jiema()
          getUserById(this.org.head).then((resp) => {
            this.head.push(resp.obj)
            console.log(this.head)
          })
        })
      }
    },

    handleAdd(formName) {
      this.$refs[formName].validate((valid) => {
        if (valid) {
          this.org.orgAddress = this.area
          addOrg(this.org).then((resp) => {
            this.$notify({
              title: '添加成功',
              type: 'success'
            })
            this.$parent.fetchData()
          })
          this.visible = false
          return true
        } else {
          this.$notify({
            title: '请正确填写',
            type: 'error'
          })
          return false
        }
      })
    },

    handleUpdate(formName) {
      this.$refs[formName].validate((valid) => {
        if (valid) {
          this.org.orgAddress = this.area
          updateOrg(this.org).then((resp) => {
            this.$notify({
              title: '更新成功',
              type: 'success'
            })
            this.$parent.fetchData()
          })
          this.visible = false
          return true
        } else {
          this.$notify({
            title: '请正确填写',
            type: 'error'
          })
          return false
        }
      })
    },

    handleClose() {
      console.log('eeeeee')
      this.$emit('close', {})
      this.org = {}
      this.imageUrl = ''
      this.selectedOptions = []
    },

    getOrgType() {
      getAllType().then((resp) => {
        this.orgT = resp.obj
      })
    },

    handleChange(value) {
      console.log(this.selectedOptions)
      this.area = CodeToText[value[0]] + ';' + CodeToText[value[1]] + ';' + CodeToText[value[2]]
      console.log(this.area)
    },
    jiema() {
      console.log(this.area)
      this.areaList = this.area.split(';')
      console.log(this.areaList)
      this.selectedOptions = [TextToCode[this.areaList[0]].code, TextToCode[this.areaList[0]][this.areaList[1]].code, TextToCode[this.areaList[0]][this.areaList[1]][this.areaList[2]].code]
    },
    querySearch(queryString, cb) {
      var banks = this.banks
      var results = queryString ? banks.filter(this.createFilter(queryString)) : banks
      // 调用 callback 返回建议列表的数据
      cb(results)
    },
    createFilter(queryString) {
      return (banks) => {
        return (banks.value.toLowerCase().indexOf(queryString.toLowerCase()) === 0)
      }
    },
    loadAll() {
      return [
        { 'value': '中国工商银行' },
        { 'value': '中国银行' },
        { 'value': '中国建设银行' },
        { 'value': '中国农业银行' },
        { 'value': '中国邮政储蓄银行' },
        { 'value': '中国光大银行' },
        { 'value': '中信银行' },
        { 'value': '华夏银行' },
        { 'value': '中国民生银行' },
        { 'value': '北京银行' },
        { 'value': '国家开发银行' },
        { 'value': '北京农村商业银行' },
        { 'value': '北京密云汇丰村镇银行' },
        { 'value': '北京延庆村镇银行' },
        { 'value': '北京怀柔融兴村镇银行' },
        { 'value': '徽商银行' },
        { 'value': '安徽长丰农村合作银行（长丰县）' },
        { 'value': '安徽肥东农村合作银行（肥东县）' },
        { 'value': '安徽长丰科源村镇银行（长丰县）' },
        { 'value': '合肥科技农村商业银行' },
        { 'value': '芜湖扬子农村商业银行' },
        { 'value': '芜湖津盛农村合作银行（芜湖县）' },
        { 'value': '池州九华农村商业银行' },
        { 'value': '安徽青阳农村合作银行（青阳县）' },
        { 'value': '安徽东至农村合作银行（东至县）' },
        { 'value': '安徽舒城农村合作银行（舒城县）' },
        { 'value': '安徽叶集农村合作银行（叶集区）' },
        { 'value': '安徽霍山农村合作银行（霍山县）' },
        { 'value': '铜陵铜都农村合作银行' },
        { 'value': '铜陵皖江农村合作银行（铜陵县）' },
        { 'value': '安徽马鞍山农村合作银行' },
        { 'value': '安徽当涂新华村镇银行（当涂县）' },
        { 'value': '黄山屯溪农村合作银行' },
        { 'value': '安徽黟县农村合作银行（黟县）' },
        { 'value': '安徽休宁农村合作银行（休宁县）' },
        { 'value': '淮南通商农村合作银行' },
        { 'value': '安徽桐城农村合作银行（桐城市）' },
        { 'value': '安徽宿松农村合作银行（宿松县）' },
        { 'value': '安徽岳西农村合作银行（岳西县）' },
        { 'value': '安徽桐城江淮村镇银行（桐城市）' },
        { 'value': '安徽绩溪农村合作银行（绩溪县）' },
        { 'value': '安徽广德农村合作银行（广德县）' },
        { 'value': '安徽天长农村合作银行（天长市）' },
        { 'value': '安徽凤阳利民村镇银行（凤阳县）' },
        { 'value': '安徽怀远农村合作银行（怀远县）' },
        { 'value': '安徽泗县农村合作银行（泗县）' },
        { 'value': '兴业银行' },
        { 'value': '福建海峡银行' },
        { 'value': '厦门银行' },
        { 'value': '新联商业银行' },
        { 'value': '厦门国际银行' },
        { 'value': '泉州银行' },
        { 'value': '福建晋江农村合作银行（晋江市）' },
        { 'value': '福建石狮农村合作银行（石狮市）' },
        { 'value': '福建南安农村合作银行（南安市）' },
        { 'value': '福建建瓯石狮村镇银行（建瓯市）' },
        { 'value': '福建永安汇丰村镇银行（永安市）' },
        { 'value': '兰州银行' },
        { 'value': '甘肃榆中农村合作银行（榆中县）' },
        { 'value': '平凉市商业银行' },
        { 'value': '平凉市静宁成纪村镇银行（静宁县）' },
        { 'value': '平凉市泾川汇通村镇银行（泾川县）' },
        { 'value': '陇南武都农村合作银行' },
        { 'value': '陇南市武都金桥村镇银行' },
        { 'value': '甘肃西和农村合作银行（西和县）' },
        { 'value': '酒泉肃州农村合作银行' },
        { 'value': '甘肃敦煌农村合作银行（敦煌市）' },
        { 'value': '敦煌市金盛村镇银行（敦煌市）' },
        { 'value': '张掖甘州农村合作银行' },
        { 'value': '甘肃高台农村合作银行（高台县）' },
        { 'value': '甘肃临泽农村合作银行（临泽县）' },
        { 'value': '天水秦州农村合作银行' },
        { 'value': '天水麦积农村合作银行' },
        { 'value': '天水市秦安众信村镇银行（秦安县）' },
        { 'value': '甘肃陇西农村合作银行（陇西县）' },
        { 'value': '甘肃临洮农村合作银行（临洮县）' },
        { 'value': '民勤融信村镇银行（民勤县）' },
        { 'value': '庆阳市西峰瑞信村镇银行' },
        { 'value': '会宁会师村镇银行（会宁县）' },
        { 'value': '招商银行' },
        { 'value': '深圳农村商业银行' },
        { 'value': '华商银行' },
        { 'value': '深圳发展银行' },
        { 'value': '平安银行' },
        { 'value': '广州银行' },
        { 'value': '广州农村商业银行' },
        { 'value': '广东发展银行' },
        { 'value': '湛江市商业银行' },
        { 'value': '珠海市商业银行  ' },
        { 'value': '东莞银行' },
        { 'value': '东莞农村商业银行' },
        { 'value': '佛山顺德农村商业银行' },
        { 'value': '广东恩平汇丰村镇银行（恩平市）' },
        { 'value': '中山小榄村镇银行' },
        { 'value': '广西北部湾银行' },
        { 'value': '广西桂林漓江农村合作银行' },
        { 'value': '桂林市商业银行' },
        { 'value': '广西兴安民兴村镇银行（兴安县）' },
        { 'value': '广西恭城农村合作银行（恭城县）' },
        { 'value': '广西永福农村合作银行（永福县）' },
        { 'value': '广西荔浦农村合作银行（荔浦县）' },
        { 'value': '广西龙胜农村合作银行（龙胜县）' },
        { 'value': '广西阳朔农村合作银行（阳朔县）' },
        { 'value': '广西灌阳农村合作银行（灌阳县）' },
        { 'value': '广西资源农村合作银行（资源县）' },
        { 'value': '广西平乐农村合作银行（平乐县）' },
        { 'value': '广西临桂农村合作银行（临桂县）' },
        { 'value': '广西兴安农村合作银行（兴安县）' },
        { 'value': '柳州市商业银行' },
        { 'value': '广西鹿寨农村合作银行（鹿寨县）' },
        { 'value': '广西融安农村合作银行（融安县）' },
        { 'value': '广西柳江兴柳村镇银行（柳江县）' },
        { 'value': '广西柳江农村合作银行（柳江县）' },
        { 'value': '广西象州农村合作银行（象州县）' },
        { 'value': '广西崇左桂南农村合作银行' },
        { 'value': '广西大新农村合作银行（大新县）' },
        { 'value': '广西来宾桂中农村合作银行' },
        { 'value': '广西百色右江农村合作银行' },
        { 'value': '广西平果农村合作银行（平果县）' },
        { 'value': '平果国民村镇银行（平果县）' },
        { 'value': '田东北部湾村镇银行（田东县）' },
        { 'value': '广西田东农村合作银行（田东县）' },
        { 'value': '广西昭平农村合作银行（昭平县）' },
        { 'value': '广西贺州桂东农村合作银行' },
        { 'value': '广西宜州农村合作银行（宜州市）' },
        { 'value': '东兴国民村镇银行（东兴市）' },
        { 'value': '遵义市商业银行' },
        { 'value': '贵州湄潭农村合作银行（湄潭县）' },
        { 'value': '贵阳花溪建设村镇银行' },
        { 'value': '贵阳市商业银行' },
        { 'value': '贵州花溪农村合作银行' },
        { 'value': '贵阳云岩农村合作银行' },
        { 'value': '六盘水市商业银行' },
        { 'value': '安顺市商业银行' },
        { 'value': '贵州兴义农村合作银行（兴义市）' },
        { 'value': '龙里国丰村镇银行（龙里县）' },
        { 'value': '毕节发展村镇银行（毕节市）　' },
        { 'value': '河北银行' },
        { 'value': '石家庄汇融农村合作银行' },
        { 'value': '唐山市商业银行' },
        { 'value': '邯郸市商业银行' },
        { 'value': '张家口市商业银行' },
        { 'value': '张北信达村镇银行（张北县）' },
        { 'value': '邢台市商业银行' },
        { 'value': '秦皇岛市商业银行' },
        { 'value': '沧州融信农村商业银行' },
        { 'value': '沧州银行' },
        { 'value': '河北南皮农村合作银行（南皮县）' },
        { 'value': '保定市商业银行' },
        { 'value': '承德银行' },
        { 'value': '廊坊银行' },
        { 'value': '衡水市商业银行' },
        { 'value': '郑州银行' },
        { 'value': '中牟郑银村镇银行（中牟县）' },
        { 'value': '巩义浦发村镇银行（巩义市）' },
        { 'value': '河南新郑农村合作银行（新郑市）' },
        { 'value': '平顶山市商业银行' },
        { 'value': '郏县广天村镇银行（郏县）' },
        { 'value': '安阳市商业银行' },
        { 'value': '洛阳银行' },
        { 'value': '河南伊川农村商业银行（伊川县）' },
        { 'value': '河南栾川民丰村镇银行（栾川县）' },
        { 'value': '南阳市商业银行' },
        { 'value': '河南新县农村商业银行（新县）' },
        { 'value': '信阳市商业银行' },
        { 'value': '河南罗山农村商业银行（罗山县）' },
        { 'value': '河南固始农村合作银行（固始县）' },
        { 'value': '固始天骄村镇银行（固始县）' },
        { 'value': '河南方城凤裕村镇银行（方城县）' },
        { 'value': '开封市商业银行' },
        { 'value': '许昌银行' },
        { 'value': '许昌魏都农村商业银行' },
        { 'value': '焦作市商业银行' },
        { 'value': '新乡银行' },
        { 'value': '鹤壁市商业银行' },
        { 'value': '驻马店市商业银行' },
        { 'value': '西平财富村镇银行（西平县）' },
        { 'value': '漯河市商业银行' },
        { 'value': '三门峡市商业银行' },
        { 'value': '三门峡湖滨农村商业银行' },
        { 'value': '周口市商业银行' },
        { 'value': '商丘市商业银行' },
        { 'value': '哈尔滨银行' },
        { 'value': '龙江银行' },
        { 'value': '巴彦融兴村镇银行（巴彦县）' },
        { 'value': '黑龙江虎林农村合作银行（虎林市）' },
        { 'value': '东宁远东村镇银行（东宁县）' },
        { 'value': '杜尔伯特润生村镇银行（杜尔伯特县）' },
        { 'value': '依安国民村镇银行   （依安县）' },
        { 'value': '汉口银行' },
        { 'value': '武汉农村商业银行' },
        { 'value': '黄石滨江农村合作银行' },
        { 'value': '黄石银行' },
        { 'value': '大冶国开村镇银行（大冶市）' },
        { 'value': '荆州郢都农村合作银行' },
        { 'value': '荆州市商业银行' },
        { 'value': '宜昌夷陵农村合作银行' },
        { 'value': '宜昌市商业银行' },
        { 'value': '湖北随州曾都汇丰村镇银行' },
        { 'value': '湖北嘉鱼吴江村镇银行（嘉鱼县）' },
        { 'value': '孝感市商业银行' },
        { 'value': '湖北汉川农银村镇银行（汉川市）' },
        { 'value': '襄樊市商业银行' },
        { 'value': '宜城国开村镇银行（宜城市）' },
        { 'value': '咸丰常农商村镇银行（咸丰县）' },
        { 'value': '恩施常农商村镇银行（恩施市）' },
        { 'value': '湖北仙桃北农商村镇银行' },
        { 'value': '长沙银行' },
        { 'value': '长沙天心农村合作银行' },
        { 'value': '长沙岳麓农村合作银行' },
        { 'value': '长沙芙蓉农村合作银行' },
        { 'value': '长沙开福农村合作银行' },
        { 'value': '长沙雨花农村合作银行' },
        { 'value': '湖南望城农村合作银行（望城县）' },
        { 'value': '湘潭市商业银行' },
        { 'value': '湖南桃江建信村镇银行（桃江县）' },
        { 'value': '湘乡市村镇银行（湘乡市）' },
        { 'value': '韶山光大村镇银行（韶山市）' },
        { 'value': '株州市商业银行' },
        { 'value': '岳阳市商业银行' },
        { 'value': '衡阳市商业银行' },
        { 'value': '湖南浏阳农村合作银行' },
        { 'value': '湖南洞口农村合作银行（洞口县）' },
        { 'value': '永州冷水滩潇湘农村合作银行' },
        { 'value': '祁阳村镇银行（祁阳县）' },
        { 'value': '资兴浦发村镇银行（资兴市）' },
        { 'value': '吉林银行' },
        { 'value': '长春农村商业银行' },
        { 'value': '吉林九台农村商业银行（九台市）' },
        { 'value': '延边农村合作银行（延吉市）' },
        { 'value': '敦化江南村镇银行（敦化市）' },
        { 'value': '吉林公主岭农村合作银行（公主岭市）' },
        { 'value': '镇赉国开村镇银行（镇赉县）' },
        { 'value': '通化融达村镇银行' },
        { 'value': '东丰诚信村镇银行（东丰县）' },
        { 'value': '磐石融丰村镇银行（磐石市）' },
        { 'value': '前郭县阳光村镇银行（前郭尔罗斯县）' },
        { 'value': '江苏银行' },
        { 'value': '南京银行' },
        { 'value': '江苏高淳农村合作银行（高淳县）' },
        { 'value': '江苏长江商业银行（靖江市）' },
        { 'value': '江苏射阳农村商业银行（射阳县）' },
        { 'value': '江苏阜宁农村合作银行（阜宁县）' },
        { 'value': '江苏大丰农村合作银行（大丰市）' },
        { 'value': '江苏锡州农村商业银行' },
        { 'value': '江苏宜兴农村合作银行（宜兴市）' },
        { 'value': '宜兴阳羡村镇银行（宜兴市）' },
        { 'value': '江苏江阴农村商业银行（江阴市）' },
        { 'value': '江苏张家口农村商业银行' },
        { 'value': '江苏连云港东方农村合作银行' },
        { 'value': '江苏灌云农村合作银行（灌云县）' },
        { 'value': '江苏东海张农商村镇银行（东海县）' },
        { 'value': '江苏赣榆农村商业银行（赣榆县）' },
        { 'value': '江苏东吴农村商业银行' },
        { 'value': '江苏太仓农村商业银行（太仓市）' },
        { 'value': '江苏昆山农村商业银行（昆山市）' },
        { 'value': '江苏常熟农村商业银行（常熟市）' },
        { 'value': '江苏吴江农村商业银行（吴江市）' },
        { 'value': '昆山鹿城村镇银行（昆山市）' },
        { 'value': '江苏江南农村商业银行' },
        { 'value': '江苏溧阳农村合作银行（溧阳市）' },
        { 'value': '金坛常农商村镇银行（金坛市）' },
        { 'value': '溧阳浦发村镇银行（溧阳市）' },
        { 'value': '江苏姜堰农村合作银行（姜堰市）' },
        { 'value': '江苏宿迁民丰农村合作银行' },
        { 'value': '江苏沭阳东吴村镇银行（沭阳县）' },
        { 'value': '江苏泗阳农村合作银行（泗阳县）' },
        { 'value': '江苏沭阳农村合作银行（沭阳县）' },
        { 'value': '江苏泗洪农村合作银行（泗洪县）' },
        { 'value': '江苏邗江民泰村镇银行' },
        { 'value': '江苏仪征农村合作银行（仪征市）' },
        { 'value': '泰州海阳农村合作银行' },
        { 'value': '江苏兴化农村合作银行（兴化市）' },
        { 'value': '江苏靖江润丰村镇银行（靖江市）' },
        { 'value': '江苏丹阳农村合作银行（丹阳市）' },
        { 'value': '江苏涟水农村合作银行（涟水县）' },
        { 'value': '江苏盱眙农村合作银行（盱眙县）' },
        { 'value': '江苏扬中农村合作银行（扬中市）' },
        { 'value': '江苏通州华商村镇银行' },
        { 'value': '江苏海安农村合作银行（海安县）' },
        { 'value': '江苏新沂农村合作银行（新沂市）' },
        { 'value': '江苏铜山锡州村镇银行（铜山县）' },
        { 'value': '江苏睢宁农村合作银行（睢宁县）' },
        { 'value': '九江银行' },
        { 'value': '江西德安农村合作银行（德安县）' },
        { 'value': '修水九银村镇银行（修水县）' },
        { 'value': '南昌洪都农村商业银行' },
        { 'value': '南昌银行' },
        { 'value': '江西安义农村合作银行（安义县）' },
        { 'value': '上饶银行' },
        { 'value': '江西德兴农村合作银行（德兴市）' },
        { 'value': '江西广丰农村合作银行（广丰县）' },
        { 'value': '赣州银行' },
        { 'value': '南康赣商村镇银行（南康市）' },
        { 'value': '江西新余农村合作银行' },
        { 'value': '江西安福农村合作银行（安福县）' },
        { 'value': '江西遂川农村合作银行（遂川县）' },
        { 'value': '吉安稠州村镇银行（吉安县）' },
        { 'value': '盛京银行' },
        { 'value': '沈阳沈北富民村镇银行' },
        { 'value': '大连甘井子农村合作银行' },
        { 'value': '大连银行' },
        { 'value': '大连金州联丰村镇银行' },
        { 'value': '瓦房店长兴村镇银行（瓦房店市）' },
        { 'value': '庄河汇通村镇银行（庄河市）' },
        { 'value': '丹东市商业银行' },
        { 'value': '营口银行' },
        { 'value': '辽宁大石桥隆丰村镇银行（大石桥市）' },
        { 'value': '锦州银行' },
        { 'value': '抚顺东洲丰源村镇银行' },
        { 'value': '抚顺顺城银通村镇银行' },
        { 'value': '抚顺启运村镇银行' },
        { 'value': '辽宁抚顺李石村镇银行' },
        { 'value': '抚顺市商业银行' },
        { 'value': '辽阳市商业银行' },
        { 'value': '阜新银行' },
        { 'value': '鞍山市商业银行' },
        { 'value': '朝阳柳城村镇银行' },
        { 'value': '朝阳市商业银行' },
        { 'value': '铁岭新星村镇银行' },
        { 'value': '开原象牙山村镇银行（开原市）' },
        { 'value': '昌图民祥村镇银行（昌图县）' },
        { 'value': '铁岭市商业银行' },
        { 'value': '辽宁葫芦岛连山农村商业银行' },
        { 'value': '葫芦岛银行' },
        { 'value': '盘锦市商业银行' },
        { 'value': '辽宁彰武金通村镇银行（彰武县）' },
        { 'value': '阜新农商村镇银行（阜新县）' },
        { 'value': '本溪同盛村镇银行（本溪县）' },
        { 'value': '宁夏银行' },
        { 'value': '宁夏黄河农村商业银行' },
        { 'value': '石嘴山银行' },
        { 'value': '平罗沙湖村镇银行（平罗县）' },
        { 'value': '吴忠市滨河村镇银行' },
        { 'value': '呼和浩特金谷农村合作银行' },
        { 'value': '内蒙古银行' },
        { 'value': '内蒙古和林格尔渣打村镇银行（和林格尔县）' },
        { 'value': '鄂尔多斯市商业银行' },
        { 'value': '鄂尔多斯东胜农村商业银行' },
        { 'value': '达拉特国开村镇银行（达拉特旗）' },
        { 'value': '包商银行' },
        { 'value': '固阳包商惠农村镇银行（固阳县）' },
        { 'value': '赤峰元宝山农村合作银行' },
        { 'value': '乌海市商业银行' },
        { 'value': '克什克腾农银村镇银行（克什克腾旗）' },
        { 'value': '通辽奈曼农村合作银行' },
        { 'value': '满洲里农村合作银行（满洲里市）' },
        { 'value': '鄂温克旗包商村镇银行（鄂温克旗）' },
        { 'value': '阿拉善左旗农村合作银行（阿拉善左旗）' },
        { 'value': '阿拉善左旗方大村镇银行（阿拉善左旗）' },
        { 'value': '二连浩特农村合作银行' },
        { 'value': '青海银行' },
        { 'value': '大通国开村镇银行（大通县）' },
        { 'value': '恒丰银行' },
        { 'value': '烟台银行' },
        { 'value': '山东龙口农村合作银行（龙口市）' },
        { 'value': '山东莱州农村商业银行（莱州市）' },
        { 'value': '山东济南润丰农村合作银行' },
        { 'value': '齐鲁银行' },
        { 'value': '青岛国际银行' },
        { 'value': '青岛华丰农村合作银行' },
        { 'value': '青岛黄岛农村合作银行' },
        { 'value': '青岛城阳农村合作银行' },
        { 'value': '青岛银行' },
        { 'value': '青岛即墨农村合作银行（即墨市）' },
        { 'value': '青岛即墨北农商村镇银行（即墨市）' },
        { 'value': '青岛胶南海汇村镇银行（胶南市）' },
        { 'value': '山东枣庄恒泰农村合作银行' },
        { 'value': '枣庄市商业银行' },
        { 'value': '威海市商业银行' },
        { 'value': '潍坊银行' },
        { 'value': '山东寿光农村商业银行（寿光市）' },
        { 'value': '山东诸城农村合作银行（诸城市）' },
        { 'value': '寿光张农商村镇银行（寿光市）' },
        { 'value': '泰安市商业银行' },
        { 'value': '山东东平农村合作银行（东平县）' },
        { 'value': '德州市商业银行' },
        { 'value': '济宁银行' },
        { 'value': '山东圣泰农村合作银行' },
        { 'value': '临商银行' },
        { 'value': '莱商银行' },
        { 'value': '日照银行' },
        { 'value': '山东张店农村合作银行' },
        { 'value': '齐商银行' },
        { 'value': '东营市商业银行' },
        { 'value': '山东东营河口农村合作银行' },
        { 'value': '山东广饶农村合作银行（广饶县）' },
        { 'value': '山东邹平农村商业银行（邹平县）' },
        { 'value': '山东东营胜利农村合作银行' },
        { 'value': '山东临沂兰山农村合作银行' },
        { 'value': '山东临沂河东农村合作银行' },
        { 'value': '山东费县农村合作银行（费县）' },
        { 'value': '山东博兴农村合作银行（博兴县）' },
        { 'value': '晋商银行' },
        { 'value': '大同市商业银行' },
        { 'value': '晋中市商业银行' },
        { 'value': '阳泉市商业银行' },
        { 'value': '盂县汇民村镇银行（盂县）' },
        { 'value': '晋城市商业银行' },
        { 'value': '陵川县太行村镇银行（陵川县）' },
        { 'value': '长治市商业银行' },
        { 'value': '山西河津农村合作银行（河津市）' },
        { 'value': '西安市商业银行' },
        { 'value': '长安银行' },
        { 'value': '西安高陵阳光村镇银行（高陵县）' },
        { 'value': '陕西榆林榆阳农村合作银行' },
        { 'value': '陕西府谷农村合作银行（府谷县）' },
        { 'value': '陕西神木农村商业银行（神木县）' },
        { 'value': '陕西西乡农村合作银行（西乡县）' },
        { 'value': '陕西甘泉农村合作银行（甘泉县）' },
        { 'value': '陕西安塞农银村镇银行（安塞县）' },
        { 'value': '陕西镇安农村合作银行（镇安县）' },
        { 'value': '陕西洛南阳光村镇银行（洛南县）' },
        { 'value': '宝鸡岐山硕丰村镇银行（岐山县）' },
        { 'value': '成都银行' },
        { 'value': '成都农村商业银行' },
        { 'value': '成都龙泉驿农村合作银行' },
        { 'value': '邛崃国民村镇银行（邛崃市）' },
        { 'value': '彭州民生村镇银行（彭州市）' },
        { 'value': '大邑交银兴民村镇银行（大邑县）' },
        { 'value': '双流诚民村镇银行（双流县）' },
        { 'value': '泸州市商业银行' },
        { 'value': '泸县元通村镇银行（泸县）' },
        { 'value': '自贡市商业银行' },
        { 'value': '宜宾市商业银行' },
        { 'value': '绵阳市商业银行' },
        { 'value': '四川北川羌族自治县富民村镇银行（北川县）' },
        { 'value': '乐山市商业银行' },
        { 'value': '南充市商业银行' },
        { 'value': '四川仪陇惠民村镇银行（仪陇县）' },
        { 'value': '凉山州商业银行（西昌市）' },
        { 'value': '德阳市商业银行' },
        { 'value': '绵竹浦发村镇银行（绵竹市）' },
        { 'value': '什邡思源村镇银行（什邡市）' },
        { 'value': '攀枝花市商业银行' },
        { 'value': '雅安市商业银行' },
        { 'value': '遂宁市商业银行' },
        { 'value': '达州市商业银行' },
        { 'value': '宣汉诚民村镇银行（宣汉县）' },
        { 'value': '资阳雁江农村合作银行' },
        { 'value': '广元市包商贵民村镇银行（剑阁县）' },
        { 'value': '仁寿民富村镇银行（仁寿县）' },
        { 'value': '隆昌兴隆村镇银行（隆昌县）' },
        { 'value': '交通银行' },
        { 'value': '上海浦东发展银行' },
        { 'value': '上海银行' },
        { 'value': '上海农村商业银行' },
        { 'value': '华一银行' },
        { 'value': '上海崇明长江村镇银行' },
        { 'value': '上海奉贤浦发村镇银行' },
        { 'value': '上海松江民生村镇银行' },
        { 'value': '渤海银行' },
        { 'value': '天津银行' },
        { 'value': '天津农村合作银行' },
        { 'value': '天津滨海农村商业银行' },
        { 'value': '中德住房储蓄银行' },
        { 'value': '天津津南农村合作银行' },
        { 'value': '天津东丽农村合作银行' },
        { 'value': '天津市蓟县村镇银行' },
        { 'value': '天津市北辰村镇银行	　	　' },
        { 'value': '乌鲁木齐市	乌鲁木齐市商业银行' },
        { 'value': '克拉玛依市商业银行（昆仑银行）' },
        { 'value': '奎屯市商业银行（奎屯市）' },
        { 'value': '库尔勒市商业银行（库尔勒市）' },
        { 'value': '新疆石河子农村合作银行' },
        { 'value': '五家渠国民村镇银行' },
        { 'value': '富滇银行' },
        { 'value': '昆明官渡农村合作银行' },
        { 'value': '曲靖惠民村镇银行' },
        { 'value': '曲靖市商业银行' },
        { 'value': '玉溪红塔区兴和村镇银行' },
        { 'value': '云南红塔农村合作银行' },
        { 'value': '玉溪市商业银行' },
        { 'value': '昭通昭阳富滇村镇银行' },
        { 'value': '云南昭通昭阳农村合作银行' },
        { 'value': '云南大理市农村合作银行' },
        { 'value': '文山民丰村镇银行（文山县）' },
        { 'value': '浙商银行' },
        { 'value': '浙江萧山农村合作银行' },
        { 'value': '杭州联合农村合作银行' },
        { 'value': '浙江杭州余杭农村合作银行' },
        { 'value': '杭州银行' },
        { 'value': '浙江建德湖商村镇银行（建德市）' },
        { 'value': '浙江桐庐农村合作银行（桐庐县）' },
        { 'value': '浙江富阳农村合作银行（富阳市）' },
        { 'value': '宁波银行' },
        { 'value': '协和银行' },
        { 'value': '宁波国际银行' },
        { 'value': '宁波鄞州农村合作银行' },
        { 'value': '浙江嵊州农村合作银行（嵊州市）' },
        { 'value': '宁波慈溪农村合作银行（慈溪市）' },
        { 'value': '慈溪民生村镇银行（慈溪市）' },
        { 'value': '浙江嵊州瑞丰村镇银行（嵊州市）' },
        { 'value': '宁波余姚农村合作银行（余姚市）' },
        { 'value': '象山国民村镇银行（象山县）' },
        { 'value': '台州市商业银行' },
        { 'value': '浙江泰隆商业银行' },
        { 'value': '浙江台州黄岩农村合作银行' },
        { 'value': '浙江台州路桥农村合作银行' },
        { 'value': '浙江台州椒江农村合作银行' },
        { 'value': '浙江玉环农村合作银行（玉环县）' },
        { 'value': '浙江玉环永兴村镇银行（玉环县）' },
        { 'value': '浙江温岭农村合作银行（温岭市）' },
        { 'value': '浙江天台农村合作银行（天台县）' },
        { 'value': '浙江民泰商业银行（温岭市）' },
        { 'value': '浙江江山农村合作银行（江山市）' },
        { 'value': '金华市商业银行' },
        { 'value': '浙江金华成泰农村合作银行' },
        { 'value': '浙江兰溪农村合作银行（兰溪市）' },
        { 'value': '浙江义乌农村合作银行（义乌市）' },
        { 'value': '浙江稠州商业银行（义乌市）' },
        { 'value': '浙江长兴农村合作银行（长兴县）' },
        { 'value': '浙江南浔农村合作银行' },
        { 'value': '湖州市商业银行' },
        { 'value': '湖州吴兴农村合作银行' },
        { 'value': '浙江长兴联合村镇银行（长兴县）' },
        { 'value': '浙江德清农村合作银行（德清县）' },
        { 'value': '绍兴银行' },
        { 'value': '浙江绍兴恒信农村合作银行' },
        { 'value': '浙江上虞农村合作银行（上虞市）' },
        { 'value': '浙江绍兴县农村合作银行（绍兴县）' },
        { 'value': '浙江诸暨农村合作银行（诸暨市）' },
        { 'value': '浙江新昌农村合作银行（新昌县）' },
        { 'value': '嘉兴银行' },
        { 'value': '浙江禾城农村合作银行' },
        { 'value': '浙江嘉善联合村镇银行（嘉善县）' },
        { 'value': '浙江平湖农村合作银行（平湖市）' },
        { 'value': '浙江丽水莲都农村合作银行' },
        { 'value': '温州银行' },
        { 'value': '浙江温州瓯海农村合作银行' },
        { 'value': '浙江温州鹿城农村合作银行' },
        { 'value': '浙江温州龙湾农村合作银行' },
        { 'value': '浙江乐清农村合作银行（乐清市）' },
        { 'value': '浙江瑞安农村合作银行（瑞安市）' },
        { 'value': '浙江苍南建信村镇银行（苍南县）' },
        { 'value': '浙江永嘉恒升村镇银行（永嘉县）' },
        { 'value': '浙江永嘉农村合作银行（永嘉县）' },
        { 'value': '浙江苍南农村合作银行（苍南县）' },
        { 'value': '浙江舟山普陀农村合作银行' },
        { 'value': '浙江舟山定海农村合作银行' }
      ]
    },
    handleSelect(item) {
      console.log(item)
      this.org.depositBank = item.value
    },
    getAllHead() {
      getUserByGroup(3).then((resp) => {
        this.head = resp.obj
      })
    },
    getAllReference() {
      getUserByGroup(2).then((resp) => {
        this.reference = resp.obj
      })
    },
    isCard(val) {
      if (!/^([1-9]{1})(\d{15}|\d{18})$/.test(val)) {
        return false
      } else {
        return true
      }
    },
    isCellPhone(val) {
      if (!/^1[3456789]\d{9}$/.test(val)) {
        return false
      } else {
        return true
      }
    },
    isChinese(val) {
      if (/[^\u4E00-\u9FA5]/.test(val)) {
        return false
      } else {
        return true
      }
    },
    // 特殊字符过滤
    checkSpecificKey(str) {
      var specialKey = "[`~!#$^&*()=|{}':;',\\[\\].<>/?~！#￥……&*（）——|{}【】‘；：”“'。，、？]‘'"
      for (var i = 0; i < str.length; i++) {
        if (specialKey.indexOf(str.substr(i, 1)) !== -1) {
          return false
        }
      }
      return true
    },

    // 验证字符串
    validateFontSize(rule, value, callback) {
      if (value.length < 30) {
        callback()
      } else {
        callback(new Error('字符串长度在1-30之间'))
      }
    },

    // 验证字符串
    validateCharacter(rule, value, callback) {
      if (this.checkSpecificKey(value)) {
        callback()
      } else {
        callback(new Error('请不要输入特殊字符'))
      }
    },
    checkRtelePhone(rule, value, callback) {
      if (!value) {
        return callback(new Error('联系电话不能为空'))
      } else {
        const reg = /^(0\d{2,3}-?)?[0-9]{7,8}$/
        if (reg.test(value)) {
          callback()
        } else {
          return callback(new Error('请输入正确的联系电话'))
        }
      }
    },
    checkEmail(rule, value, callback) {
      if (!value) {
        return callback(new Error('电子邮箱不能为空'))
      } else {
        const reg = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/
        if (reg.test(value)) {
          callback()
        } else {
          return callback(new Error('请输入有效的电子邮箱！'))
        }
      }
    },
    newContent(val) {
      console.log(val) // 获取输入内容
      this.org.orgInfo = val
    }
  } // 如果页面有keep-alive缓存功能，这个函数会触发
}
</script>
<style scoped lang="less">
.el-autocomplete{
  width: 400px;
}
.el-popper[x-placement^=bottom]{
		width:400px !important;
	}
</style>
<style  scoped>
.avatar-uploader .el-upload {
        border: 1px dashed #d9d9d9;
        border-radius: 6px;
        cursor: pointer;
        position: relative;
        overflow: hidden;
      }
    .avatar-uploader .el-upload:hover {
      border-color: #409EFF;
    }
    .avatar-uploader-icon {
      font-size: 28px;
      color: #8c939d;
      width: 360px;
      height: 150px;
      line-height: 150px;
      text-align: center;
    }
    .avatar {
      width: 360px;
      height: 150px;
      display: block;
    }
</style>
